<template>
  <div class="container">
    <common-header :title='title'></common-header>
    <tab></tab>
    <list-scroll-wrapper></list-scroll-wrapper>
  </div>
</template>

<script>
import fieldDatas from 'data/fields'
import {mapState} from 'vuex'

import CommonHeader from "components/Header/Common";
import Tab from "components/Tab/Index";
import ListScrollWrapper from "components/ScrollWrapper/List";
export default {
  name: "List",
  components: {
    CommonHeader,
    ListScrollWrapper,
    Tab
  },
  computed: {
    ...mapState(['field']),
    title(){
      if (this.field) {
        return fieldDatas.filter(item=>item.field === this.field)[0].iconText + '列表'
      }
    }
  },
  data() {
    return {
      title: "列表",
    };
  },
};
</script>
